<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/FInclude/includeTaglibs.jsp"%>
<script>
	 $(function(){
		 $("#content img").each(function(index, element) {
				var bili= 6/19;
				var width = $(element).width();
				$(element).css("height",width*bili);
				});
		});
	</script>
	<script>
	 $(function(){
		 $("#contents img").each(function(index, element) {
				var bili= 1/1;
				var width = $(element).width();
				$(element).css("height",width*bili);
				});
		});
	</script>
	<div class="banner">
	<ul>
		<c:forEach var="b"  items="${list }">
			<li id="content"><img src="${frontPath }${b.pic}"></li>
		</c:forEach>
	</ul>
</div>
<c:choose>
<c:when test="${lang eq 1 }">
	<ul>
    	<!--关于我们-->
		<li class="lis1">
            <i></i>
            <span>关于我们</span>
            <div class="info">
            	<div class="info1">
            		<div class="info-top">
                    	<img src="${frontPath }/html/images/infotopbg2.png">
                        <span><em></em>ANDRITZ简介</span>
                    </div>
            		<p>安德里茨集团是全球领先的工业集团，其业务广泛涉及水电、制浆造纸、金属行业以及市政和工业领域的固/液分离...
            		
            		<a href="${frontPath }/text/text-cn?textId=3">...更多</a></p>
            	</div>
            	<div class="info2">
            		<div class="info2-top">
                    	<img src="${frontPath }/html/images/infotopbg2.png">
                        <span><em></em>联系我们</span>
                    </div>
            		<div class="info2-cont">
                    	<dl>
                    		<dd>地址:广佛山市禅城区天宝路9号</dd>
                    		<dd>电话:+86 (757) 8296 9222</dd>
                    	</dl>
                    	<a href="${frontPath }/text/text-cn?textId=2">...更多</a>
                    </div>
            	</div>
            </div>
        </li>
        <!-- 行业和产品-->
		<li class="lis2">
            <i></i>
            <span>行业和产品</span>
            <div class="info">
            	<ul>
            		<c:forEach items="${types }"  var="t">
            			<li><img src="${frontPath }${pic}"><a href="${frontPath }/type/index-cn?typeId=${t.typeId}">${t.name }</a></li>
            		</c:forEach>
            	</ul>
            </div>
        </li>
        <!-- 最新要闻-->
		<li class="lis3">
            <i></i>
            <span>最新要闻</span>
            <a href="${frontPath }/news/list-cn">...更多</a>
            <div class="info">
            	<dl>
            	<c:forEach var="n" items="${news }">
            		<dt></dt>
            		<dd><a href="${frontPath }/news/detail-cn?newsId=${n.newsId}">${n.title }</a></dd>
            		</c:forEach>
            	</dl>
            </div>
        </li>
     </ul>

<!--尾部-->
<div class="bottom-btm">
	<a class="cuns" href="${frontPath }/text/text-cn?textId=4"><i></i><span>客户服务</span></a>
    <a class="search" href="${frontPath }/text/text-cn?textId=1"><i></i><span>人才招聘</span></a>
</div>
</c:when>
<c:otherwise>
	<ul>
    	<!--关于我们-->
		<li class="lis1">
            <i></i>
            <span>About Us</span>
            <div class="info">
            	<div class="info1">
            		<div class="info-top">
                    	<img src="${frontPath }/html/images/infotopbg2.png">
                        <span><em></em>ANDRITZ</span>
                    </div>
            		<p>ANDRITZ is a globally leading supplier of plants, equipment, and services for hydropower stations<a href="${frontPath }/text/text-en?textId=3">...more</a></p>
            	</div>
            	<div class="info2">
            		<div class="info2-top">
                    	<img src="${frontPath }/html/images/infotopbg2.png">
                        <span><em></em>Contect Us</span>
                    </div>
            		<div class="info2-cont">
                    	<dl>
                    		<dd>9 Tian Bao Road, West City Industry Zone, Chan Cheng District</dd>
                           <dd>Phone +86 (757) 8296 9222</dd>
                    	</dl>
                    	<a href="${frontPath }/text/text-en?textId=2">...more</a>
                    </div>
            	</div>
            </div>
        </li>
        <!-- 行业和产品-->
		<li class="lis2">
            <i></i>
            <span>Products</span>
            <div class="info">
            	<ul>
            		<c:forEach items="${types }" var="t">
            			<li><a href="${frontPath }/type/index-en?typeId=${t.typeId}"><img src="${frontPath }${pic}">${t.e_name }</a></li>
            		</c:forEach>
            	</ul>
            </div>
        </li>
        <!-- 最新要闻-->
		<li class="lis3">
            <i></i>
            <span>News</span>
            <a href="${frontPath }/news/list-en">...more</a>
            <div class="info">
            	<dl>
            		<c:forEach var="n" items="${news }">
            		<dt></dt>
            		<dd><a href="${frontPath }/news/detail-en?newsId=${n.newsId}">${n.e_title }</a></dd>
            		</c:forEach>
            	</dl>
            </div>
        </li>
     </ul>

<!--尾部-->
<div class="bottom-btm">
	<a class="cuns" href="${frontPath }/text/text-en?textId=4"><i></i><span>Services</span></a>
    <a class="search" href="${frontPath }/text/text-en?textId=1"><i></i><span>Employ</span></a>
</div>
</c:otherwise>
</c:choose>

      <script src="${frontPath }/html/JS/unslider.min.js"></script> 
      <script src="${frontPath }/html/JS/mark.js"></script> 
      <script>
  $('.banner').unslider({
	speed: 300,               //  The speed to animate each slide (in milliseconds)
	delay: 2000,              //  The delay between slide animations (in milliseconds)
	complete: function() {},  //  A function that gets called after every slide animation
	keys: true,               //  Enable keyboard (left, right) arrow shortcuts
	dots: false,               //  Display dot navigation
	fluid: true              //  Support responsive design. May break non-responsive designs
});
</script>